extends base
block append navMen
 #accordion.panel-group.col-sm-2
    .panel.panel-default
        .panel-heading(data-toggle='collapse', data-parent='#accordion', href='#collapseOne')
          h4.panel-title
            a(style='text-decoration: none;')
              | Condominio
        #collapseOne.panel-collapse.collapse.in
          a.panel-body(style='padding:0;')
           a.btn.btn-default.h5.active(style='text-decoration: none;width:100%;border:0;',href='/gastos')
            | Gastos
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Morosos
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Pagos
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Editar
      .panel.panel-default
        .panel-heading
          h4.panel-title(data-toggle='collapse', data-parent='#accordion', href='#collapseTwo')
            a(style='text-decoration: none;')
              | Notificaciones
        #collapseTwo.panel-collapse.collapse
          .panel-body(style='padding:0;')
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Crear
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Buzon
      .panel.panel-default
        .panel-heading
          h4.panel-title(data-toggle='collapse', data-parent='#accordion', href='#collapseThree')
            a(style='text-decoration: none;')
              | Proyectos
        #collapseThree.panel-collapse.collapse
          .panel-body(style='padding:0;')
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Progreso
           a.btn.btn-default.h5(style='text-decoration: none;width:100%;border:0;',href='/')
            | Gestion
block contPrincipal
 .col-sm-10
          p.pull-right.visible-xs
            button.btn.btn-primary.btn-xs(type='button', data-toggle='offcanvas') Toggle nav
          .jumbotron(style='padding-top: 2px;padding-bottom: 8px;margin-bottom:20px')
            h2 Balance de Gastos
            ul.pagination.h4(style='margin: 0px;')
             li
              a(href="#") &laquo
             li
              a(href="#") Ene
             li
              a(href="#") Dic
             li
              a(href="#") Nov
             li
              a(href="#") &raquo
           table.table.table-bordered.table-hover
            thead
             tr
              th N°
              th Fecha
              th Nombre
              th Cant
              th Precio
            tbody
             tr.danger
              td 1
              td 28 Ene 2014
              td Mant. Areas verdes
              td 1
              td 8.500,00
             tr.warning
              td 2
              td 28 Ene 2014
              td Mant. plaza
              td 1
              td 2.500,00
             tr
              td 1
              td 28 Ene 2014
              td Mant. c
              td 1
              td 1.500,00
             tr.success
              td 1
              td 28 Ene 2014
              td Mant. c
              td 1
              td 1.500,00
           div.btn-group-justified
            a.btn.btn-default(type='button',href='/gastos/agregar') Agregar Pago
            a.btn.btn-default(type='button') Cancelar Pago
            a.btn.btn-default(type='button') Posponer Pago